<template>
    
    <!-- 组件的模板 -->
        <div class="pages">
            <div class="solutions">
                <h2>你可以尝试下列方式解决：</h2>
                <p><span>1. </span>短信可能有2-10分钟的延迟，可以稍等一下</p>
                <p><span>2. </span>查看是否设短信拦截</p>
                <p><span>3. </span>确认手机已缴费且服务正常</p>
                <p><span>4. </span>联系手机号运营商解除黑名单</p>
            </div>
            
            <div class="helphone">
                <h3>如上述方式无法解决</h3>
                <p>请拨打<span class="phoneNum" @click.stop="call">&nbsp;&nbsp;010-597977077&nbsp;&nbsp;</span>获取帮助！</p>
            </div>
        </div>
</template>

<script>
    /**
     *  引入工具类库 或 Native API
     *  example : import widget from 'gapi/widget'
     */
    import clientUi from 'gapi/clientUi'
    /**
     *  引入组件 以及 组件接口(Action)
     *  example : import Somecomponents from 'components/Somecomponents/Somecomponents'
     */

    /**
     *  组件实例对象
     */
    export default {
        components: {

        },
        data: function(){
            return{
                
            }
        },
        vuex: {
            getters: {

            },
            actions: {

            }
        },
        methods: {
            /**
             * 初始化
             * @method init
             * @public
             * @return {Null} void
             */
            init (){
                
                
                
            },
            /*拨打电话*/
            call (){
                const title = '拨打电话';
                const message = '010-597977077';
                const okBtn = '确定';
                const cancelBtn = '取消';
                const imageName = '';
                clientUi.showPhoneDialog(title, message, okBtn, cancelBtn, imageName, () => {
                    
                })
            }
        },
        created(){

            this.init();
            
        }
        
    }

    
</script>

<!-- CSS 样式 -->
<!-- <style src="static/css/global.css"></style> -->
<style src="../../node_modules/weui/dist/style/weui.css"></style>
<style src="../../static/css/global.css"></style>
<style src="../../static/css/common.css"></style>
<style>
    .pages{
        margin-left: 16px;
    }
    .solutions{
        margin-top: 16px;
    }
    .solutions h2{
        font-size: 18px;
        color: rgb(51,51,51);
        height: 25px;
        line-height: 25px;
        margin-bottom: 7px;
        font-weight: bolder;

    }
    .solutions p{
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
        color: rgb(102,102,102);
    }
     .solutions p span{
        font-weight: bolder; 
     }
    .helphone{
        margin-top: 32px;
    }
    .helphone h3{
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        color: rgb(51,51,51);
    }
    .helphone p{
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        color: rgb(102,102,102);
        margin-top: 16px;
    }
    .phoneNum{
        font-size: 14px;
        color: rgb(118,160,215);
        height: 16px;
        line-height: 16px;
        font-weight: bold;
    }
</style>



